<div class="collapse navbar-collapse bg-white">
	<div class="navbar-header logo"><img ng-src="{{logo}}"/></div>
	<div ng-show="user" class="panel-header info-bar">
		<ul class="list-inline">
			<li><label>{{'label.site.bizdate'|translate}}</label>: <span>{{site.bizDate | dateFormat: 'date'}}</span></li>
		</ul>
	</div>
	<ul class="nav navbar-nav navbar-right navbar-fs">
	  <!-- home -->
	  <li>
        <a href="#" ng-click="go('waf.home')" ><span class="icon iconfont icon-home"></span></a>
      </li>
      <li>
        <a href="#" ng-click="go('cda.spa.spaView')" ><span class="icon iconfont icon-spa"></span></a>
      </li>
      <li>
        <a href="#" ng-click="" class="href-logo-finshare"><div class="logo-finshare"></div></a>
      </li>
      <li>
      	<div class="vertical-bar"></div>
      </li>
      <li>
      	<div class="company-bar"><span>{{user.workingCompanyCode}}</span></div>
      	
      	<div class="user-bar dropdown" uib-dropdown>
			 <a href="javascript:void(0)" ng-click="userBarOpenClick();" data-toggle="dropdown" role="button" uib-dropdown-toggle>
				{{user.userName}}
				<span class="caret"></span>
			 </a>
			 <ul class="animated fadeInUp menu-label-weidth" uib-dropdown-menu role="menu">
				<li class="dropdown-submenu" role="menuItem" ng-repeat="item1 in userbarSubMenu track by $index" ng-class="{'open':userBarOpen(item1), 'submenu-nocaret':item1.callback}">
					 <a href="#" ng-click="toggleUserbarDropdown($event, item1, item1.callback)">
						{{item1.displayName|translate}} 
					 </a>
					 <ul class="animated fadeInUp submenu-right" uib-dropdown-menu role="menu">
					   <li role="menuItem" ng-repeat="(key, label) in item1.subMenu.data" >
						 <a ng-click="toggleUserbarDropdown($event, key, item1.subMenu.callback)" href>{{label|translate}}</a>
					   </li>
					 </ul>
				</li>
			 </ul>
		</div>
      	
      	
      </li>
      <!-- language -->
	  <!-- <li class="dropdown" uib-dropdown >
         <a href data-toggle="dropdown" role="button" uib-dropdown-toggle>
         	{{selectLang|translate}} 
         	<span class="caret"></span>
         </a>
         <ul class="dropdown-menu animated fadeInRight" uib-dropdown-menu role="menu">
           <li role="menuItem" ng-repeat="(langKey, label) in langs">
             <a ng-click="setLang(langKey, $event)" href>{{label|translate}}</a>
           </li>
         </ul>
      </li> -->
      <!-- questions -->
      <!-- <li class="dropdown" uib-dropdown >
        <a href data-toggle="dropdown" role="button" uib-dropdown-toggle>
        	<i class="icon icon-questions "></i>
        </a>
        <div class="dropdown-menu w-xl animated fadeInUp" uib-dropdown-menu role="menu">
          <div class="panel bg-white">
            <div class="panel-heading bg-light">
              <label>Questions</label>
            </div>
            <div class="list-group">
              <a href class="media list-group-item" role="menuItem" ng-repeat="questions in questions">
                <span class="media-body block m-b-none">{{::questions.message}}<br>
                  <small class="text-muted">{{::questions.time}}</small>
                </span>
              </a>
            </div>
            <div class="panel-footer">
              <a href class="pull-right"><i class="glyphicon glyphicon-cog"></i></a>
              <a href="#">See all the questions</a>
            </div>
          </div>
        </div>
      </li> -->
      <!-- nitifications -->
      <!-- <li class="dropdown" uib-dropdown >
        <a href data-toggle="dropdown" role="button" uib-dropdown-toggle>
        	<i class="icon icon-bell"></i>
        	<span class="visible-xs-inline">Notifications</span>
        	<span class="badge badge-sm up bg-red pull-right-xs">2</span>
        </a>
        <div class="dropdown-menu w-xl animated fadeInUp" uib-dropdown-menu role="menu">
          <div class="panel bg-white">
            <div class="panel-heading bg-light">
              <label>You have <span>{{::notificationWrap.allNum}}</span> notifications</label>
            </div>
            <div class="list-group">
              <a href="#" ng-click="notificationItemRedirect(notification)"  class="media list-group-item" role="menuItem" ng-repeat="notification in notificationWrap.notifications">
                <span class="media-body block m-b-none">{{::notification.msgTitle}}<br>
                  <small class="text-muted">{{::notification.deliTime | dateFormat:'timestamp'}}</small>
                </span>
              </a>
            </div>
            <div class="panel-footer">
              <a href="#" ng-click="notificationListRedirect()" class="pull-right"><i class="glyphicon glyphicon-cog"></i></a>
              <a href="#" ng-click="notificationListRedirect()">See all the notifications</a>
            </div>
          </div>
        </div>
      </li> -->
	  <!-- setting -->
	  <!-- <li class="dropdown" uib-dropdown>
	  	<a href  data-toggle="dropdown" role="button" uib-dropdown-toggle>
	  		<span class="icon icon-settings"></span>
	  	</a>
		<div class="dropdown-menu animated fadeInLeft" uib-dropdown-menu role="menu" style="width:450px;">
		  <div class="panel bg-white">
               <div class="panel-heading bg-light">
                 <label>System Setting</label>
               </div>
			<div class="list-group" role="menuItem" >
				<div class="media list-group-item">
					<a href role="menuItem" ng-click="showLog(app.settings.logContent);"> 
						<span class="media-body block m-b-none">Show Log content</span>
					</a>
				</div>
				<div class="media list-group-item">
					<label>Set Log Level: </label>
					<div class="btn-group">
						<label class="btn btn-primary" ng-model="app.settings.logLevel"  uib-btn-radio="-1" ng-click="setLogLevel();$event.stopPropagation();">Off</label> 
						<label class="btn btn-primary" ng-model="app.settings.logLevel" uib-btn-radio="0" ng-click="setLogLevel();$event.stopPropagation();">Error</label> 
						<label class="btn btn-primary" ng-model="app.settings.logLevel" uib-btn-radio="1" ng-click="setLogLevel();$event.stopPropagation();">Warn</label> 
						<label class="btn btn-primary" ng-model="app.settings.logLevel" uib-btn-radio="2" ng-click="setLogLevel();$event.stopPropagation();">Info</label> 
						<label class="btn btn-primary" ng-model="app.settings.logLevel" uib-btn-radio="3" ng-click="setLogLevel();$event.stopPropagation();">Debug</label> 
						<label class="btn btn-primary" ng-model="app.settings.logLevel" uib-btn-radio="4" ng-click="setLogLevel();$event.stopPropagation();">Trace</label>
					</div>
				</div>
				<div class="media list-group-item">
					<label>Set Menu Style: </label>
					<div class="btn-group">
						<label class="btn btn-primary" ng-model="app.settings.leftMenu" uib-btn-radio="false" ng-click="$event.stopPropagation();">Top</label> 
						<label class="btn btn-primary" ng-model="app.settings.leftMenu" uib-btn-radio="true" ng-click="$event.stopPropagation();">Left</label> 
					</div>
				</div>
			</div>
		  </div>
		</div>
	</li> -->
	<!-- user -->
	<!-- <li class="dropdown" uib-dropdown>
	  <a href class="dropdown-toggle clear" uib-dropdown-toggle> 
	  	<i class="icon icon-user"></i>
	  </a>
	  <div class="dropdown-menu w-xl animated fadeInLeft" uib-dropdown-menu role="menu">
		  <div class="panel bg-white">
            <div class="panel-heading bg-light">
              <strong>User Information</strong>
            </div>
			<div class="list-group" role="menuItem" >
				<div class="media list-group-item">
					<span>{{'menu.admin.site'|translate}}: {{user.siteCode}}</span>
				</div>
				<div class="media list-group-item" ng-if="mainCtrl.user.siteCode != mainCtrl.user.workingCompanyCode">
					<span>{{'menu.admin.company'|translate}}: {{user.workingCompanyCode}}</span>
				</div>
				<div class="media list-group-item">
					<span>{{'menu.admin.user'|translate}}: {{user.userName}}</span>
				</div>
				<div class="media list-group-item">
					<span>{{'label.site.bizdate'|translate}}: {{site.bizDate | dateFormat: 'date'}}</span>
				</div>
				<div class="media list-group-item">
              		<a href="#" class="media" ng-click="mainCtrl.exit()"><span class="media-body">Exit</span></a>
            	</div>
			</div>
		  </div>
	  </div>
	 </li> -->
	</ul>
</div>
